import React, { memo } from 'react'
import { DiscoverWrapper, TopMenu } from './style'
import { dicoverMenu } from '@/common/local-data'
import { NavLink, Outlet } from 'react-router-dom'

export default memo(function Discover() {
  return (
    <DiscoverWrapper>
      <div className='top'>
        {/* 发现页顶部导航栏 */}
        <TopMenu className='wrap-v1'>
          {dicoverMenu.map(item => {
            return (
              <div className='item' key={item.title}>
                <NavLink to={item.link}>{item.title}</NavLink>
              </div>
            )
          })}
        </TopMenu>
      </div>

      <Outlet />
    </DiscoverWrapper>
  )
})
